<template>
	<view class="content">
		<view class="item-box" v-for="item,i in list" :key="i">
			<view class="item-box-header">
				<view class="item-box-header-left">
					<view class="job-name">{{ item.job_name }}</view>
					<view class="comp-name">{{ item.company_name }}</view>
				</view>
				<view class="item-box-header-right">></view>
			</view>
			<view class="item-box-line"></view>
			<view class="item-box-center">
				<view class="invite-cont">{{ item.content }}</view>
				<view class="invite-date">
					<image src="@/static/invite-date.png"></image>
					<view class="invite-date-tit">{{ item.created_at}}</view>
				</view>
			</view>
			<view class="item-box-line"></view>
			<view class="item-box-foot">
				<view class="foot-left" @click="checkClick(item.job_id)">点击查看</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:{}
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			async getData() {
				const res = await this.get('/index/User/get_company_invite_log')
				if(res.code == 200){
					this.list=res.data
				}
			},
			checkClick(id){
				uni.navigateTo({
					url:'./details?id='+id+'&identity=0'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		.item-box{
			width: 668upx;
			// height: 592upx;
			border: 2upx solid #E1E3E6;
			margin: 50upx 0 56upx 42upx;
			.item-box-header{
				display: flex;
				align-items: center;
				.item-box-header-left{
					margin-left: 40upx;
					.job-name{
						font-size: 28upx;
						color: #101010;
						margin: 56upx 0 10upx 0;
					}
					.comp-name{
						font-size: 28upx;
						color: #C2C7CC;
						margin-bottom: 36upx;
					}
				}
				.item-box-header-right{
					margin-left: auto;
					margin-right: 28upx;
				}
			}
			.item-box-line{
				width: 628upx;
				margin: 0 0 36upx 12upx;
				border: 2upx solid #E1E3E6;
			}
			.item-box-center{
				font-size: 28upx;
				color: #101010;
				margin-left: 40upx;
				.invite-cont{
					line-height: 45upx;
					letter-spacing: 3upx;
				}
				.invite-date{
					display: flex;
					align-items: center;
					margin: 18upx 0;
					image{
						width: 28upx;
						height: 28upx;
						margin-right: 14upx;
					}
				}
			}
			.item-box-foot{
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 40upx 0 30upx 0;
				.foot-left{
					color: #3291F8;
					font-size: 30upx;
				}
				.foot-line{
					margin: 0 150upx;
					height: 68upx;
					border-right: 2upx solid #ACC0D8;
				}
				.foot-right{
					color: #3291F8;
				}
			}
		}
	}
</style>
